<template>
	<view class="iconfont" :class="icon" :style="'font-size:'+size+'rpx;color:'+color+';'+custom"></view>
</template>
<script setup>
	import {
		ref
	} from "vue"

	defineProps({
		size: {
			type: String,
			default: "32"
		},
		color: {
			type: String,
			default: "#333"
		},
		custom: {
			type: String,
			default: ""
		},
		icon: String
	})
</script>
<style lang="scss" scoped>
	@font-face {
		font-family: 'iconfont';
		src: url('../font/iconfont.ttf') format('truetype');
	}

	.iconfont {
		font-family: "iconfont" !important;
		// font-size: 32rpx;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		// vertical-align: bottom;
	}
	//添加
	.add:before {
		content: "\e740";
	}
	.add-full:before {
		content: "\e600";
	}
	//更多
	.more:before{
		content: "\e601";
	}
	//设置
	.setting:before{
		content: "\e663";
	}
	//向右
	.right:before{
		content: "\e64f";
	}
	//成功
	.success:before{
		content: "\e602";
	}
	//微信
	.weixin:before{
		content: "\e660";
	}
	//关闭
	.close:before{
		content: "\e64f";
	}
	//关闭
	.close-full:before{
		content: "\e61d";
	}
	//蓝牙
	.ble-full:before{
		content: "\e69a";
	}
	//蓝牙
	.ble:before{
		content: "\e633";
	}
	//蓝牙
	.ble-full:before{
		content: "\e634";
	}
	//指纹
	.finger:before{
		content: "\e77d";
	}
	//开关
	.open:before{
		content: "\e614";
	}
	


</style>